/* pages/mall/index.wxss */

.show {
  display: flex;
  flex-direction: row;
  background-color: var(--defaultBgc);

  .sidebar {
    display: flex;
    overflow-y: auto;
    height: calc(100vh - 110rpx);
    width: 200rpx;

    .van-sidebar-item--selected {
      border-color: var(--themeColor) !important;
    }
  }

  .goods {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 110rpx);
    overflow-y: auto;

    .goods-item {
      background-color: white;
      display: flex;
      width: 100%;
      height: 230rpx;
      flex-shrink: 0;
      flex-direction: row;
      margin-top: 15rpx;


      .img {
        height: 230rpx;
        width: 230rpx;

        image {
          height: 100%;
          width: 100%;
        }
      }

      .text {
        height: 100%;
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: space-between;
        padding: 15rpx 15rpx;

        .title {
          width: 100%;
          display: flex;
          flex-direction: column;
          .name {
            font-size: var(--bigSize);
          }

          .intro {
            color: var(--greyColor);
            font-size: var(--minSize);
          }
        }

        .info {
          width: 100%;
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          align-items: center;

          .price {
            font-size: var(--bigSize);
            color: var(--themeColor2);
          }
        }
      }
    }
  }
}